<template>
    <div class="container">
        <Breadcrumb :items="['系统管理', '提醒清单']" />
        <a-card class="general-card" style="padding-top:10px">
            <a-row>
                <a-col :flex="1">
                    <a-form :model="formModel" label-align="right">
                        <a-row :gutter="16">
                            <a-space direction="horizontal" :size="12">
                                <a-form-item field="userName" label-col-flex="70px" label="提醒类型">
                                    <a-input v-model="formModel.userName" style="width: 240px;" placeholder="请选择类型" />
                                </a-form-item>
                                <a-form-item field="name" label-col-flex="70px" label="提醒人">
                                    <a-input  v-model="formModel.name" style="width: 240px;" placeholder="请输入提醒人" />
                                </a-form-item>
                                <a-form-item label-col-flex="0px" label="">
                                    <a-space direction="horizontal" :size="12">
                                        <a-button status="success">
                                            <template #icon>
                                                <icon-search />
                                            </template>
                                            查询
                                        </a-button>
                                    </a-space>
                                </a-form-item>
                            </a-space>
                        </a-row>
                    </a-form>
                </a-col>
            </a-row>
            <a-table :data="renderData" :pagination="true" :bordered="false">
                <template #columns>
                    <a-table-column title="提醒标题" align="left" data-index="content">
                    </a-table-column>
                    <a-table-column title="提醒类型" align="left" data-index="label">
                    </a-table-column>
                    <a-table-column title="提醒内容" align="left" data-index="content">
                    </a-table-column>
                    <a-table-column title="提醒人" align="center" data-index="operator">
                    </a-table-column>
                    <a-table-column title="提醒人手机号" align="center" data-index="operator">
                    </a-table-column>
                    <a-table-column title="是否已阅" align="center" data-index="operator">
                    </a-table-column>
                    <a-table-column title="提醒时间" align="center" data-index="creatdTime">
                    </a-table-column>
                </template>
            </a-table>

        </a-card>
    </div>
</template>
<script lang="ts" setup>
import { reactive } from 'vue';

const formModel = reactive({ 
    userName: '',
    name:'',
    day: ''
});
let renderData: any[] = [
   
]
///dsms/jyData/queryReminderData

</script>
<script lang="ts">
export default {
    name: 'remindList',
};
</script>
  
<style scoped lang="less">
.container {
    padding: 0 20px 20px 20px;
}
</style>
  